{include file="common:head" /}

	<body>

		{include file="common:header" /}
		<div class="index-content">
			<!-- 轮播图 -->
			<div class="swiper-container" style="height: 176px;">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="../img/index_banner.png"></div>
					<div class="swiper-slide"><img src="../img/index_banner.png"></div>
					<div class="swiper-slide"><img src="../img/index_banner.png"></div>
				</div>
				<!-- 如果需要导航按钮 -->
				<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>
			</div>
			<div class="all-content padd16">
				<div class="all-title flex_center_between">全部车型</div>
				<div class="car-type">
					<div class="car-list fl">
						<i class="iconfont icon-youjiantou_huaban"></i>
						<p class="oneline">奔驰奢石系列</p>
					</div>
					<div class="car-list fl">
						<i class="iconfont icon-youjiantou_huaban"></i>
						<p class="oneline">奔驰V级</p>
					</div>
					<div class="car-list fl">
						<i class="iconfont icon-youjiantou_huaban"></i>
						<p class="oneline">奔驰斯宾特</p>
					</div>
					<div class="car-list fl">
						<i class="iconfont icon-youjiantou_huaban"></i>
						<p class="oneline">大众T6房车</p>
					</div>
					<div class="car-list fl">
						<i class="iconfont icon-youjiantou_huaban"></i>
						<p class="oneline">GMC及更多品牌</p>
					</div>
				</div>
				<div class="all-title flex_center_between">当季热销车</div>
				<div class="hot-content clearfix">
					<div class="hot-list fl">
						<div class="img-box">
							<img src="" />
						</div>
						<div class="img-box">
							<img src="" />
						</div>
						<p class="name oneline">奔驰V级—金马版</p>
						<p class="des oneline">手工刺绣图案</p>
						<p class="des oneline">迈巴赫豪华座椅</p>
					</div>
					<div class="hot-list fl">
						<div class="img-box">
							<img src="" />
						</div>
						<div class="img-box">
							<img src="" />
						</div>
						<p class="name">奔驰V级—金马版</p>
						<p class="des">手工刺绣图案</p>
						<p class="des">迈巴赫豪华座椅</p>
					</div>
					<div class="hot-list fl">
						<div class="img-box">
							<img src="" />
						</div>
						<div class="img-box">
							<img src="" />
						</div>
						<p class="name">奔驰V级—金马版</p>
						<p class="des">手工刺绣图案</p>
						<p class="des">迈巴赫豪华座椅</p>
					</div>
					<div class="hot-list fl">
						<div class="img-box">
							<img src="" />
						</div>
						<div class="img-box">
							<img src="" />
						</div>
						<p class="name">奔驰V级—金马版</p>
						<p class="des">手工刺绣图案</p>
						<p class="des">迈巴赫豪华座椅</p>
					</div>
				</div>
				<div class="all-title flex_center_between">品牌与服务</div>
				<div class="brand-content clearfix">
					<div class="brand-list fl">
							<img src="../img/brand.png" />
						<p>匠人匠心</p>
					</div>
					<div class="brand-list fl">
							<img src="../img/brand2.jpg" />
						<p>赛事活动</p>
					</div>
					<div class="brand-list fl">
							<img src="../img/brand3.jpg" />
						<p>官方认证二手车</p>
					</div>
					<div class="brand-list fl">
							<img src="../img/brand4.jpg" />
						<p>售后服务</p>
					</div>
				</div>
				<div class="all-title flex_center_between">视频测评</div>
				<div class="evaluation-container">
					<div class="swiper-wrapper" style="height: 100px;">
						<div class="swiper-slide">
							<div class="evaluation-list">
								<div class="evaluation-video">
									<img src="../img/brand.png" />
									<span>21:41</span>
								</div>
								<p class="oneline">2020款梅赛德斯奔驰V级......</p>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="evaluation-list">
								<div class="evaluation-video">
									<img src="../img/brand.png" />
									<span>21:41</span>
								</div>
								<p class="oneline">2020款梅赛德斯奔驰V级......</p>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="evaluation-list">
								<div class="evaluation-video">
									<img src="../img/brand.png" />
									<span>21:41</span>
								</div>
								<p class="oneline">2020款梅赛德斯奔驰V级......</p>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="evaluation-list">
								<div class="evaluation-video">
									<img src="../img/brand.png" />
									<span>21:41</span>
								</div>
								<p class="oneline">2020款梅赛德斯奔驰V级......</p>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="evaluation-list">
								<div class="evaluation-video">
									<img src="../img/brand.png" />
									<span>21:41</span>
								</div>
								<p class="oneline">2020款梅赛德斯奔驰V级......</p>
							</div>
						</div>
					</div>
				</div>
				<div class="all-title flex_center_between">权益保障</div>
				<div class="img-box">
					<img src="../img/1.png" >
				</div>
				<div class="all-title flex_center_between">预约试驾</div>
			</div>
			<img src="../img/test.jpg" style="width: 100%;" />
			<footer class="flex_start_start">
				<div class="goIndex flex_center_start">
					<span class="flex_center_center"><i class="iconfont icon-shouye"></i>首页</span>
					<span class="flex_center_center"><i class="iconfont icon-duanxin"></i>短信咨询</span>
				</div>
				<div class="freeDiscount flex_center_center"><i class="iconfont icon-mianfeizixunfuwu"></i>免费咨询</div>
			</footer>
		</div>
		<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="../js/swiper.min.js"></script>
		<script type="text/javascript">
			var swiper = new Swiper('.swiper-container', {
				autoplay:true,
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
			});
			var swiper2 = new Swiper('.evaluation-container', {
				slidesPerView: 3,
				spaceBetween: 7
			});
		</script>
	</body>
</html>